/* 安全区域工具类，直接使用 env(safe-area-inset-*)，并加 0px 兜底 */

.safe-area-padding-top {
  padding-top: env(safe-area-inset-top, 0px);
}

.safe-area-padding-right {
  padding-right: env(safe-area-inset-right, 0px);
}

.safe-area-padding-bottom {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

.safe-area-padding-left {
  padding-left: env(safe-area-inset-left, 0px);
}

.safe-area-padding {
  padding-top: env(safe-area-inset-top, 0px);
  padding-right: env(safe-area-inset-right, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
  padding-left: env(safe-area-inset-left, 0px);
}

.safe-area-margin-top {
  margin-top: env(safe-area-inset-top, 0px);
}

.safe-area-margin-right {
  margin-right: env(safe-area-inset-right, 0px);
}

.safe-area-margin-bottom {
  margin-bottom: env(safe-area-inset-bottom, 0px);
}

.safe-area-margin-left {
  margin-left: env(safe-area-inset-left, 0px);
}

.safe-area-margin {
  margin-top: env(safe-area-inset-top, 0px);
  margin-right: env(safe-area-inset-right, 0px);
  margin-bottom: env(safe-area-inset-bottom, 0px);
  margin-left: env(safe-area-inset-left, 0px);
}

.safe-area-top {
  top: env(safe-area-inset-top, 0px);
}

.safe-area-right {
  right: env(safe-area-inset-right, 0px);
}

.safe-area-bottom {
  bottom: env(safe-area-inset-bottom, 0px);
}

.safe-area-left {
  left: env(safe-area-inset-left, 0px);
}


.safe-area-pt {
  padding-top: env(safe-area-inset-top, 0px);
}

.safe-area-container {
  padding-top: env(safe-area-inset-top, 0px);
  padding-right: env(safe-area-inset-right, 0px);
  padding-bottom: var(--safe-area-bottom, 0px);
  padding-left: env(safe-area-inset-left, 0px);
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.safe-area-inner-container {
  height: 100%;
  box-sizing: border-box;
}

